/* ########## Styles for Menu ########## */
:root {
	/* --primary-color:#00aeef; PRI BLUE */
	--primary-color:#e31f26;  /*PRI GREEN */
	/* --primary-color:#e31f26;  /* PRI RED */
	/* --secondary-color:#00AEEF;  SEC BLUE */
	--secondary-color:#e31f26; /*SEC RED
	/* --secondary-color:#00953B;  /* SEC GREEN */
}
.mainheader {
  background-color: transparent;
  position:relative;
}
.fixedheader {
  background-color:#fff;
}
#main_nav {
	text-transform:uppercase;
}
#nav_top_container {
	position:absolute;
	right:4rem;
	top:1.5rem;
}
#nav_top_container img {
	height:40px;
	margin-right:10px;
}
@media screen and (max-width: 600px) {
	#top_enquire_btn {
		position:absolute;
		bottom:-55px;
		left:-25px;
	}
}
@media screen and (max-width: 460px) {
	.navbar-brand img {
		width:150px;
	}
}
@media screen and (max-width: 410px) {
	#top_enquire_btn {
		font-size:13px;
		padding:5px;
		bottom:-51px;
		left:11px;
	}
}
@media screen and (max-width: 390px) {
	#nav_top_container a > img {
		margin-right:0;
	}
	#yt_nav_icon {
		right:0 !important;
	}
	#top_enquire_btn {
		font-size:13px;
		padding:5px;
		bottom:-51px;
		left:-15px;
	}
}
@media screen and (max-width: 360px) {
	.navbar-brand img {
		width:120px;
		margin-bottom:30px;
	}
}
#collapsibleNavbar {
	position:absolute;
	bottom:1.5rem;
	right:1rem;
}
.navbar-collapse {
  flex-grow: 1;
  align-items: center;
}
li.nav-item:hover {
  /*background-color:var(--primary-color);*/
  opacity:0.8;
}
li.nav-item {
  font-weight:bold;
  font-size:1.1rem;
  padding:0 1.5rem;
  letter-spacing:-0.5px;
  position:relative;
}
.no-bs-navbar-toggler {
	display:none;
	cursor:pointer;
	padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
	color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
	position:absolute;
	right:2rem;
	top:5rem;
}
#mobile_navbar {
	display:none;
	text-transform:uppercase;
	font-weight:bold;
}
#mobile_navbar ul {
	list-style:none;
	padding-right:40px;
}
#mobile_navbar ul a {
	color:#333;
	display:block;
}
#mobile_navbar ul li {
	padding:5px 0;
	border-bottom:1px solid #ccc;
}
#mobile_navbar ul li:hover {
	opacity:0.8;
}
#mobile_navbar ul a:hover {
	text-decoration:none;
}
@media screen and (max-width: 1520px) {
	li.nav-item {
	  font-size:1.0rem;
	  padding:0 2rem;
	}
}
@media screen and (max-width: 1460px) {
	li.nav-item {
	  font-size:0.9rem;
	  padding:0 2rem;
	}
}
@media screen and (max-width: 1380px) {
	li.nav-item {
	  padding:0 1.2rem;
	}
	#collapsibleNavbar {
		bottom:0.5rem;
	}
	#main_nav {
		padding-bottom:25px;
	}
}
@media screen and (max-width: 1260px) {
	li.nav-item {
	  font-size:0.8rem;
	}
}
@media screen and (max-width: 1210px) {
	li.nav-item {
	  padding:0 1.2rem;
	}
}
@media screen and (max-width: 1130px) {
	li.nav-item {
	  padding:0 1.0rem;
	  font-size:0.7rem;
	}
}
@media screen and (max-width: 1050px) {
	#collapsibleNavbar, #nav_top_container {
		right:2rem;
	}
}
@media screen and (max-width: 1010px) {
	#collapsibleNavbar, #nav_top_container {
		right:1rem;
	}
}
@media screen and (max-width: 1080px) {
	#collapsibleNavbar {
		display:none;
	}
	.no-bs-navbar-toggler {
		display:block;
	}
	/* Hide search box and display mobile search box */
	.srbox{
        display:none;
    }
    .srbox-resp{
        display:block !important;
	}
}
li.nav-item > a.nav-link {
	padding:0 !important;
}
li.nav-item > div {
	position:absolute;
	right:0;
	top:25%;
	width:2px;
	height:50%;
	background-color:#333;
}
.navbar-light .navbar-nav .nav-link {
  color: #4c4d4f;
}
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  background-color: #00653B;
  opacity: 0.9;
}
a.dropdown-item {
  color: white !important;
}
a.dropdown-item:hover {
  color: #4c4d4f !important;
}
#top_enquire_btn {
    color: var(--secondary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--secondary-color);
}
#top_enquire_btn:hover {
    color: white;
    background-color: var(--secondary-color);
    background-image: none;
    border-color: var(--secondary-color);
}